<script lang="ts" setup>
import { h, ref } from 'vue';
import { HomeOutlined } from '@ant-design/icons-vue';
import { MenuProps } from 'ant-design-vue';
const current = ref<string[]>(['mail']);
const items = ref<MenuProps['items']>([
  {
    key: '/',
    icon: () => h(HomeOutlined),
    label: '主页',
    title: '主页',
  },
  {
    key: '/about',
    label: '关于',
    title: '关于',
  },
  {
    key: 'others',
    label: h('a', { href: 'https://www.codefather.cn/course/1864210260732116994/section/1865592693447106562?contentType=text&type=#heading-27', target: '_blank' }, '编程导航'),
    title: '编程导航',
  },
]);
</script>

<template>
  <a-menu v-model:selectedKeys="current" mode="horizontal" :items="items" />
</template>
 
<style lang="scss" scoped>

</style>